Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

You're likely missing out on agent skills true potential!

Agent skills are truly useful. Yes, just...

  2026/03/25

A great novel can be written in any language - just like great program

A great novel can be written in any lang...

  2026/03/25

Deploying AI Models with Hugging Face – Hands-On Course

This tutorial is a comprehensive, end-to...

  2026/03/25

Have you ever heard of G-Code? Here's a quick explainer of what it is.

Have you ever heard of G-Code? Here's a ...

  2026/03/24

Google Pixel 10 Pro | With 100x Zoom

Google
Zoom

#Pixel10 Pro brings Google’s most advanc...

  2026/03/23

Google Pixel 10 | Moving on

Google

Keeping a device that doesn't keep up? #...

  2026/03/23

LLMs haven't really gotten "smarter" - but the tools we use with them

LLMs haven't really gotten "smarter" - b...

  2026/03/23

Claude Code Essentials

Learn how to use Claude Code to build re...

  2026/03/23

How To Build WhatsApp AI Agent Using n8n | WhatsApp Automation With n8

🔥Generative AI, Machine Learning, And In...

  2026/03/22

Learn Prompt Engineering In 7 Days | Prompt Engineering Roadmap For Be

🔥Generative AI, Machine Learning, And In...

  2026/03/22

Performance Marketing Full Course 2026 | Performance Marketing Tutoria

Marketing

🔥AI-Powered Digital Marketing Certificat...

  2026/03/22

Data Architect Roadmap 2026 | How To Become A Data Architect In 2026 |

🔥Generative AI, Machine Learning, And In...

  2026/03/22

DevOps Engineer Full Course 2026 | Learn DevOps In 24 Hours | DevOps T

Devops

This video on DevOps Engineer Full Cours...

  2026/03/22

Tableau Full Course 2026 [FREE] | Tableau Tutorial For Beginners | Tab

🔥Data Analyst Masters Program (Discount ...

  2026/03/22

Learn how to set a scene in Three.js

Learn how to set a scene in Three.js...

  2026/03/22